<!--楼层地图模板 -->
<div id="fullpage">
    <div ng-repeat="data in mapData" class="section">
        
        <p class="seat-tip">
            <img class="desk none" src="../src/images/desk-2.png" alt=""/>工位无网口
            <img class="desk use" src="../src/images/desk-2.png" alt=""/>网口使用中
            <img class="desk nouse" src="../src/images/desk-2.png" alt=""/>网口未使用
        </p>
        <!-- ps切图，手动使用div relative布局 -->
        <div id="floor5">
            <div id="floor5_container">
                <div class="floor_left">
                    <img src="../src/images/floor5_02.gif" alt="">
                    <div class="name">洗手间</div>
                </div>

                <div class="floor_center">
                    <div class="row">
                        <div>
                            <img src="../src/images/floor5_03.gif" alt="">
                            <div class="name">茶水间</div>
                        </div>
                        <div>
                            <img src="../src/images/floor5_04.gif" alt="">
                            <div class="name">511</div>
    
                        </div>
                        <div>
                            <img src="../src/images/floor5_05.gif" alt="">
                            <div class="name">510</div>
                        </div>
                        <div><img src="../src/images/floor5_06.gif" alt=""></div>
                    </div>
                    <div class="row">
                        <div class="desk_top">
                            <!-- <img src="../src/images/floor5_88.gif" alt=""> -->
                            <div class="desk_row_top">
                                <div class="desk desk_1" tooltip title="A501" modal><img src="../src/images/desk-1.png" alt=""></div>
                                <div class="desk desk_2" tooltip title="A502"><img src="../src/images/desk-2.png" alt=""></div>

                                <div class="zhuzi"></div>

                                <div class="desk desk_1 use" tooltip title="A503"><img src="../src/images/desk-1.png" alt=""></div>
                                <div class="desk desk_2"><img src="../src/images/desk-2.png" alt=""></div>

                                <div class="desk desk_1 use"><img src="../src/images/desk-1.png" alt=""></div>
                                <div class="desk desk_2"><img src="../src/images/desk-2.png" alt=""></div>

                                <div class="zhuzi"></div>

                                <div class="desk desk_1 none"><img src="../src/images/desk-1.png" alt=""></div>
                                <div class="desk desk_2"><img src="../src/images/desk-2.png" alt=""></div>

                                <div class="desk desk_1 nouse"><img src="../src/images/desk-1.png" alt=""></div>
                                <div class="desk desk_2"><img src="../src/images/desk-2.png" alt=""></div>

                                <div class="zhuzi"></div>

                                <div class="desk desk_1"><img src="../src/images/desk-1.png" alt=""></div>
                                <div class="desk desk_2 none"><img src="../src/images/desk-2.png" alt=""></div>
                            </div>
                            <div class="desk_row_bottom">
                                <div class="desk desk4"><img src="../src/images/desk-4.png" alt=""></div>
                                <div class="desk desk3"><img src="../src/images/desk-3.png" alt=""></div>

                                <div class="zhuzi"><img src="../src/images/zhuzi.gif" alt=""></div>

                                <div class="desk desk4"><img src="../src/images/desk-4.png" alt=""></div>
                                <div class="desk desk3"><img src="../src/images/desk-3.png" alt=""></div>

                                <div class="desk desk4 use"><img src="../src/images/desk-4.png" alt=""></div>
                                <div class="desk desk3"><img src="../src/images/desk-3.png" alt=""></div>

                                <div class="zhuzi"><img src="../src/images/zhuzi.gif" alt=""></div>

                                <div class="desk desk4 none"><img src="../src/images/desk-4.png" alt=""></div>
                                <div class="desk desk3"><img src="../src/images/desk-3.png" alt=""></div>

                                <div class="desk desk4"><img src="../src/images/desk-4.png" alt=""></div>
                                <div class="desk desk3"><img src="../src/images/desk-3.png" alt=""></div>

                                <div class="zhuzi"><img src="../src/images/zhuzi.gif" alt=""></div>

                                <div class="desk desk4"><img src="../src/images/desk-4.png" alt=""></div>
                                <div class="desk desk3"><img src="../src/images/desk-3.png" alt=""></div>
                            </div>
                        </div>
                        <div><img src="../src/images/floor5_10.gif" alt=""></div>
                    </div>
                    <div class="row">
                        <div class="desk_bottom">
                            <!-- <img src="../src/images/floor5_11.gif" alt=""> -->
                            <div class="desk_row">
                                <div class="desk_row_top">
                                    <div class="desk desk_1"><img src="../src/images/desk-1.png" alt=""></div>
                                    <div class="desk desk_2"><img src="../src/images/desk-2.png" alt=""></div>

                                    <div class="desk desk_1 use"><img src="../src/images/desk-1.png" alt=""></div>
                                    <div class="desk desk_2"><img src="../src/images/desk-2.png" alt=""></div>

                                    <div class="desk desk_1 use"><img src="../src/images/desk-1.png" alt=""></div>
                                    <div class="desk desk_2"><img src="../src/images/desk-2.png" alt=""></div>

                                    <div class="desk desk_1 none"><img src="../src/images/desk-1.png" alt=""></div>
                                    <div class="desk desk_2"><img src="../src/images/desk-2.png" alt=""></div>

                                    <div class="desk desk_1 nouse"><img src="../src/images/desk-1.png" alt=""></div>
                                    <div class="desk desk_2"><img src="../src/images/desk-2.png" alt=""></div>

                                    <div class="desk desk_1"><img src="../src/images/desk-1.png" alt=""></div>
                                    <div class="desk desk_2 none"><img src="../src/images/desk-2.png" alt=""></div>

                                    <div class="desk desk_1 nouse"><img src="../src/images/desk-1.png" alt=""></div>
                                    <div class="desk desk_2"><img src="../src/images/desk-2.png" alt=""></div>

                                    <div class="desk desk_1"><img src="../src/images/desk-1.png" alt=""></div>
                                    <div class="desk desk_2 none"><img src="../src/images/desk-2.png" alt=""></div>

                                    <div class="desk desk_2 none"><img src="../src/images/desk-2.png" alt=""></div>
                                </div>
                                <div class="desk_row_bottom">
                                    <div class="desk desk4"><img src="../src/images/desk-4.png" alt=""></div>
                                    <div class="desk desk3"><img src="../src/images/desk-3.png" alt=""></div>

                                    <div class="desk desk4"><img src="../src/images/desk-4.png" alt=""></div>
                                    <div class="desk desk3"><img src="../src/images/desk-3.png" alt=""></div>

                                    <div class="desk desk4 use"><img src="../src/images/desk-4.png" alt=""></div>
                                    <div class="desk desk3"><img src="../src/images/desk-3.png" alt=""></div>

                                    <div class="desk desk4 none"><img src="../src/images/desk-4.png" alt=""></div>
                                    <div class="desk desk3"><img src="../src/images/desk-3.png" alt=""></div>

                                    <div class="desk desk4"><img src="../src/images/desk-4.png" alt=""></div>
                                    <div class="desk desk3"><img src="../src/images/desk-3.png" alt=""></div>

                                    <div class="desk desk4"><img src="../src/images/desk-4.png" alt=""></div>
                                    <div class="desk desk3"><img src="../src/images/desk-3.png" alt=""></div>

                                    <div class="desk desk4"><img src="../src/images/desk-4.png" alt=""></div>
                                    <div class="desk desk3"><img src="../src/images/desk-3.png" alt=""></div>

                                    <div class="desk desk4"><img src="../src/images/desk-4.png" alt=""></div>
                                    <div class="desk desk3"><img src="../src/images/desk-3.png" alt=""></div>

                                    <div class="desk desk3"><img src="../src/images/desk-3.png" alt=""></div>
                                </div>
                            </div>

                            <div class="desk_row">
                                <div class="desk_row_bottom">
                                    <div class="desk desk4"><img src="../src/images/desk-4.png" alt=""></div>
                                    <div class="desk desk3"><img src="../src/images/desk-3.png" alt=""></div>

                                    <div class="zhuzi"><img src="../src/images/zhuzi.gif" alt=""></div>

                                    <div class="desk desk4"><img src="../src/images/desk-4.png" alt=""></div>
                                    <div class="desk desk3"><img src="../src/images/desk-3.png" alt=""></div>

                                    <div class="desk desk4 use"><img src="../src/images/desk-4.png" alt=""></div>
                                    <div class="desk desk3"><img src="../src/images/desk-3.png" alt=""></div>

                                    <div class="zhuzi"><img src="../src/images/zhuzi.gif" alt=""></div>

                                    <div class="desk desk4 none"><img src="../src/images/desk-4.png" alt=""></div>
                                    <div class="desk desk3"><img src="../src/images/desk-3.png" alt=""></div>

                                    <div class="desk desk4"><img src="../src/images/desk-4.png" alt=""></div>
                                    <div class="desk desk3"><simg src="../src/images/desk-3.png" alt=""></div>

                                    <div class="zhuzi"><img src="../src/images/zhuzi.gif" alt=""></div>

                                    <div class="desk desk4"><img src="../src/images/desk-4.png" alt=""></div>
                                    <div class="desk desk3"><img src="../src/images/desk-3.png" alt=""></div>

                                    <div class="desk desk4"><img src="../src/images/desk-4.png" alt=""></div>
                                    <div class="desk desk3"><img src="../src/images/desk-3.png" alt=""></div>

                                    <div class="zhuzi"><img src="../src/images/zhuzi.gif" alt=""></div>

                                </div>
                            </div>
                            
                            <div class="desk_row">
                                <div class="desk_row_top">
                                    <div class="desk desk_1"><img src="../src/images/desk-1.png" alt=""></div>
                                    <div class="desk desk_2"><img src="../src/images/desk-2.png" alt=""></div>

                                    <div class="desk desk_1 use"><img src="../src/images/desk-1.png" alt=""></div>
                                    <div class="desk desk_2"><img src="../src/images/desk-2.png" alt=""></div>

                                    <div class="desk desk_1 use"><img src="../src/images/desk-1.png" alt=""></div>
                                    <div class="desk desk_2"><img src="../src/images/desk-2.png" alt=""></div>

                                    <div class="desk desk_1 none"><img src="../src/images/desk-1.png" alt=""></div>
                                    <div class="desk desk_2"><img src="../src/images/desk-2.png" alt=""></div>

                                    <div class="desk desk_1 nouse"><img src="../src/images/desk-1.png" alt=""></div>
                                    <div class="desk desk_2"><img src="../src/images/desk-2.png" alt=""></div>

                                    <div class="desk desk_1"><img src="../src/images/desk-1.png" alt=""></div>
                                    <div class="desk desk_2 none"><img src="../src/images/desk-2.png" alt=""></div>

                                    <div class="desk desk_1 nouse"><img src="../src/images/desk-1.png" alt=""></div>
                                    <div class="desk desk_2"><img src="../src/images/desk-2.png" alt=""></div>

                                    <div class="desk desk_1"><img src="../src/images/desk-1.png" alt=""></div>
                                    <div class="desk desk_2 none"><img src="../src/images/desk-2.png" alt=""></div>

                                    <div class="desk desk_2 none"><img src="../src/images/desk-2.png" alt=""></div>
                                </div>
                                <div class="desk_row_bottom">
                                    <div class="desk desk4"><img src="../src/images/desk-4.png" alt=""></div>
                                    <div class="desk desk3"><img src="../src/images/desk-3.png" alt=""></div>

                                    <div class="desk desk4"><img src="../src/images/desk-4.png" alt=""></div>
                                    <div class="desk desk3"><img src="../src/images/desk-3.png" alt=""></div>

                                    <div class="desk desk4 use"><img src="../src/images/desk-4.png" alt=""></div>
                                    <div class="desk desk3"><img src="../src/images/desk-3.png" alt=""></div>

                                    <div class="desk desk4 none"><img src="../src/images/desk-4.png" alt=""></div>
                                    <div class="desk desk3"><img src="../src/images/desk-3.png" alt=""></div>

                                    <div class="desk desk4"><img src="../src/images/desk-4.png" alt=""></div>
                                    <div class="desk desk3"><img src="../src/images/desk-3.png" alt=""></div>

                                    <div class="desk desk4"><img src="../src/images/desk-4.png" alt=""></div>
                                    <div class="desk desk3"><img src="../src/images/desk-3.png" alt=""></div>

                                    <div class="desk desk4"><img src="../src/images/desk-4.png" alt=""></div>
                                    <div class="desk desk3"><img src="../src/images/desk-3.png" alt=""></div>

                                    <div class="desk desk4"><img src="../src/images/desk-4.png" alt=""></div>
                                    <div class="desk desk3"><img src="../src/images/desk-3.png" alt=""></div>

                                    <div class="desk desk3"><img src="../src/images/desk-3.png" alt=""></div>
                                </div>
                            </div>
                        </div>  
                    </div>
                    <div class="row">
                        <div>
                            <img src="../src/images/floor5_20.gif" alt="">
                            <div class="name">通信间</div>
                        </div>
                    </div>

                </div>
                <div class="floor_right">
                    <div class="row">
                        <div>
                            <img src="../src/images/floor5_07.gif" alt="">
                            <div class="name">505办公室</div>
                        </div>
                        <div><img src="../src/images/floor5_08.gif" alt=""></div>
                    </div>
                    <div class="row">
                        <div>
                            <img src="../src/images/floor5_12.gif" alt="">
                            <div class="name">516</div>
                        </div>
                        <div>
                            <img src="../src/images/floor5_13.gif" alt="">
                            <div class="name">洗手间</div>
                        </div>
                        <div>
                            <img src="../src/images/floor5_14.gif" alt="">
                            <div class="name">楼梯</div>
                        </div>
                    </div>
                    <div class="row">
                        <div>
                            <img src="../src/images/floor5_15.gif" alt="">
                        </div>
                    </div>
                    <div class="row">
                        <div><img src="../src/images/floor5_16.gif" alt=""></div>
                        <div>
                            <img src="../src/images/floor5_17.gif" alt="">
                            <div class="name">503</div>
                        </div>
                        <div>
                            <img src="../src/images/floor5_18.gif" alt="">
                            <div class="name">501</div>
                        </div>
                        <div><img src="../src/images/floor5_19.gif" alt=""></div>
                    </div>
                </div>
            </div>
        </div>
        <span title="{{$last&&(this.$parent.over=true)}}">            
        </span>
    </div>
</div>
